html,
body {
    height: 100%;
    width: 100%;
}

#list {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;

    a {
        text-decoration: none;
    }

    header {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: left;
        height: 1.04rem;
        line-height: 1.04rem;
        border-bottom: .026667rem solid #e5e5e5;

        .left {
            position: absolute;
            top: 0;
            left: 0;
            padding-left: .333333rem;
            width: 1.6rem;
        }

        i,
        span,
        h1 {
            font-size: .4rem;
        }

        i {
            font-size: .533333rem;
            font-weight: bold;
        }

        h1 {
            width: 100%;
            text-align: center;
        }
    }

    main {
        flex: 1;
        overflow-y: scroll;
        background: #f6f6f6;

        nav {
            height: 1.093333rem;
            line-height: 1.093333rem;
            border-bottom: .026667rem solid #ccc;
            background: #fff;

            ul {
                display: flex;
                flex-direction: row;

                li {
                    flex: 1;
                }

                a {
                    display: block;
                    width: 100%;
                    font-size: .346667rem;
                    color: #333;
                    text-align: center;
                }

                .active {
                    border-bottom: .053333rem solid #baa071;
                    color: #baa071;
                }
            }
        }

        section {
            .content {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;

                li {
                    width: 48%;
                    background: #fff;
                    margin: .133333rem 1%;
                    border: .026667rem solid #e2e2e2;
                    box-sizing: border-box;

                    img {
                        width: 100%;
                    }


                    .goodstitle {
                        height: .986667rem;
                        padding: 0 .133333rem;
                        margin: .133333rem 0;
                        font-size: .373333rem;
                        overflow: hidden;
                        box-sizing: border-box;

                        a {
                            color: #333;
                        }
                    }

                    p {
                        display: flex;
                        flex-direction: row;
                        justify-content: space-between;
                        padding: .133333rem;
                        color: #ff3f77;
                    }
                }
            }

        }
    }

    footer {
        height: 1.333333rem;
        background: #000;
    }

}